html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,section, article, aside, header, footer, nav, dialog, figure,menu,hgroup,iframe{ margin:0; padding:0; border:0; -webkit-font-smoothing:antialiased; font-family:"Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;}
html{ -webkit-text-size-adjust:none;}
body{ font-size:12px; line-height:22px; background:#fff;  -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased;  font-smoothing: antialiased;  }
::selection{ background:#00a0e9; color:#fff;}
::-moz-selection{ background:#00a0e9; color:#fff;} 
::-webkit-selection{ background:#00a0e9; color:#fff;}
input, button, select, textarea {-moz-appearance: none;-webkit-appearance: none;appearance: none;border-radius: 0;background: #fff;border: 0}
img{ border:none;vertical-align:middle; -ms-interpolation-mode: bicubic;}
body{ -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased;  font-smoothing: antialiased;}
/*@font-face { 
    [font-family: <family-name>;]? [src: [ <uri> [format(<string>#)]? | <font-face-name> ]#;]? [unicode-range: <urange>#;]? [font-variant: <font-variant>;]? [font-feature-settings: normal|<feature-tag-value>#;]? [font-stretch: <font-stretch>;]? [font-weight: <weight>]; [font-style: <style>]; }*/


/*@font-face {
 font-family: 'nicedesign';
 src: url('/font/nicedesign.otf');
 src: url('/font/nicedesign.eot') format('embedded-opentype'),
 url('/font/nicedesign') format('woff'),
 url('/font/nicedesign.woff') format('truetype'),
 url('/font/nicedesign') format('svg');
 font-weight: normal;
 font-style: normal;
}*/

.f_soc{ font-family: 'FontAwesome';}


/*.icon_wb:before{content:"\e800";}
.icon_wx:before{content:"\e801";}
.icon_dr:before{content:"\e802";}
.icon_zc:before{content:"\e803";}
.icon_bh:before{content:"\e804";}*/
 

     	

body{overflow: -moz-scrollbars-vertical;} 
.menu_bt{position: relative;z-index: 9999; width:24px;height:12px;border-top: 2px solid #666;border-bottom: 2px solid #666;vertical-align: middle; float:right; display:none;}
.menu_bt:after {content: '';position: absolute;top: 0;left: 0;right: 0;height:5px;border-bottom: 2px solid #666; transition: all 100ms linear 0ms;}
.menu_bt span:after {border-color: #666}
.menu_bt span {font-size: 0;	text-indent: -9999px}
.menu_bt span:before, .menu_bt span:after {content: '';position: absolute;top: 50%;right: 0;left: 0;border-top: 1px solid black;transition: all 100ms linear 0ms;}
.menu_bt.open {color: transparent !important; border:0;}
.menu_bt.open:after {-webkit-transform: scale(0);transform: scale(0);}
.menu_bt.open span:before, .menu_bt.open span:after { border-width: 2px;border-color: white;}
.menu_bt.open span:before {-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.menu_bt.open span:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg)}
 

.header{ background:none; height:76px; width:100%; z-index:111100;  position:fixed; left:0; top:0;}
.header .con{ width:1200px; margin:0 auto; }
.header.add{ background:#fff; box-shadow:0 0 5px 2px rgba(0,0,0,.1);}
.logo{ float:left; position:relative; z-index:1000;}
.logo.gao{ z-index:10;}
.logo a{ background:url(../images/logo_bai.png) no-repeat; width:170px; height:44px; display:block; background-size:auto 38px; margin-top:20px;}
.header.add .logo a{ background:url(../images/logo.png) no-repeat; width:170px; height:44px; display:block; background-size:auto 38px;}

.page-overlay{ float:right;}
.page-overlay .nav{ float:left;}
.page-overlay .nav li{ float:left; margin-left:65px; position:relative;}
.page-overlay .nav li > a{ font-size:16px; padding:0 10px; color:#fff; line-height:74px; display:block;}
.page-overlay .nav li > a:hover{ border-bottom:2px solid #fff;}
.page-overlay .nav li > a.on{ border-bottom:2px solid #fff;}
.page-overlay .nav li.zi{ display:none;}

.header.add .page-overlay .nav li > a{ color:#333;}
.header.add .page-overlay .nav li > a:hover{ color:#00a0e9; border-bottom:2px solid #00a0e9;}
.header.add .page-overlay .nav li > a.on{  color:#00a0e9; border-bottom:2px solid #00a0e9;}
@media screen and (max-width:1230px) {
.page-overlay .nav li{ float:left; margin-left:35px;}
.header .con{ width:90%;} 
}
 
@media screen and (max-width:768px) {
.menu_bt{ display:block; margin:17px 10px 0 0;}	
.page-overlay {position: fixed; top: 0;right: 0;bottom: 0;left: 0; height:0; z-index:999; width: 100%; overflow:hidden;  padding-top:40px; background:#000; transition:all .2s ease-in-out;color:#fff; opacity:0;}
.page-overlay.black{opacity:1; height:100%;}	

.header{ height:50px;}
.header .con{ width:100%;} 
.header.add .logo a{ background: url(../images/logo.png) no-repeat; width: 170px; height: 44px;background-size:auto 30px;margin-top: 10px; margin-left:15px;}

.page-overlay .nav{ width:90%; margin:0 auto; margin-top:64px; float:none; text-align:left; }
.page-overlay .nav li{ float:none; padding:0; margin-left:0;}
.header.add .page-overlay .nav li > a{ font-size:24px; color:#fff; line-height:40px; padding:10px 0;}
.header.add .page-overlay .nav li > a:hover{ color:#fff; border:0; color:#00a0e9;}
.header.add .page-overlay .nav li > a.on{  color:#fff; border:0;  color:#00a0e9;}
.page-overlay .nav li.zi{ display:block;} 
.page-overlay .nav li.zi em{ display:block; width:32px; height:2px; background:#666; margin:30px 0 10px 0;}
}

@media screen and (max-width:400px) {
.page-overlay .nav{   margin-top:20px;}
.header.add .page-overlay .nav li > a{ font-size:20px; padding:8px 0;}
.page-overlay .nav li.zi em{ margin:20px 0 10px 0;}
}
@media screen and (max-width:320px) {
.header.add .page-overlay .nav li > a{ font-size:18px;  padding:5px 0;}
}



/*加载进度条*/
.fade { transition: all 300ms linear 700ms;/*-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);*/ opacity: 1;}
.fade.out {opacity: 0;}

#nprogress { pointer-events:none;} /*鼠标事件拜拜的意思*/
#nprogress .bar {background: #00a0e9;position: fixed; z-index: 1031;top: 0;left: 0;width: 100%;height: 2px;}
#nprogress .peg {display: block;position: absolute;right: 0px;width: 100px;height: 100%;box-shadow: 0 0 10px #00a0e9, 0 0 5px #00a0e9;
opacity: 1.0;-webkit-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px);}
#nprogress .spinner {display: block;position: fixed;z-index: 1031;top: 15px;right: 15px;}

#nprogress .spinner-icon {width: 18px;height: 18px;box-sizing: border-box;border: solid 2px transparent;border-top-color: #00a0e9;border-left-color: #00a0e9;border-radius: 50%;-webkit-animation: nprogress-spinner 400ms linear infinite;animation: nprogress-spinner 400ms linear infinite;}
.nprogress-custom-parent {overflow: hidden;position: relative;}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {position: absolute;}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/*底部*/
.main_foot { width:100%;  background: #f4f4f4; overflow: hidden; padding-bottom:20px;}
.foot {width: 1200px; overflow: hidden; margin:65px auto 40px auto; }
.foot_logo { float: left;   }
.foot ul { float: left; text-align: left; line-height:32px; color:#333;}
.foot ul li { clear: both;}
.foot ul h1 { font-size:18px; color:#222; margin-bottom:5px;}
.foot ul.list2 h1 { color: #00a0e9;}
.foot ul a { color: #333;}
.foot ul a:hover { color: #00a0e9;}
.foot ul.list1 { width:120px; margin-left:75px; height:250px;}
.foot ul.list2 { width:215px; float: right;  }
.foot .list2 i { background: url(../images/icon.png) no-repeat;width: 17px;height: 17px; display:inline-block;margin:0px 3px 0 10px; vertical-align:-2px;}
.foot .list2  i.qq {background-position: -386px -29px;}
.foot .list2 .jiaotan{ color:#00a0e9;}
.foot .list2 .jiaotan:hover{ text-decoration:underline;}
 
.foot_bottom {color: #333; text-align:center; clear:both; width:100%; margin:0 auto; overflow:hidden;}

i,em{ font-style:normal;}
.foot_bottom a i { display:inline-block; font-size:18px; margin:0 5px 10px 5px;color: #666 !important;}

.foot_bottom a  .icon_wb{color:#da251c;}
.foot_bottom a  .icon_wx{color:#00c800;}
.foot_bottom a  .icon_dr{color:#c32361;}
.foot_bottom a  .icon_zc{color:#ffd100;}
.foot_bottom a  .icon_bh{color:#1377ff;}

/*.foot_bottom a i.weibo {background-position: -409px 0;}
.foot_bottom a i.weixin {background-position: -423px -121px;}
.foot_bottom a i.dri {background-position: -409px -29px;}
.foot_bottom a i.blog {background-position: -409px -58px;}
.foot_bottom a i.cool {background-position: -409px -88px;}
.foot_bottom a i.fang { width:15px; background-position: -444px -30px;}
.foot_bottom a i.dou {  width:16px; background-position: -444px -57px;}
.foot_bottom a i.lofter {  width:16px; background-position: -489px -30px;}*/


/*.foot_bottom a:hover i.weibo {background-position: -360px 0;}
.foot_bottom a:hover i.weixin {background-position: -398px -121px;}
.foot_bottom a:hover i.dri {background-position: -360px -29px;}
.foot_bottom a:hover i.blog {background-position: -360px -58px;}
.foot_bottom a:hover i.cool {background-position: -360px -88px;}
.foot_bottom a:hover i.fang {background-position: -468px -30px;}
.foot_bottom a:hover i.dou {background-position: -467px -57px;}
*/


@media screen and (max-width:1200px){
 
.foot{ width:1000px;}
.foot ul.list1 { width:110px; margin-left:30px;}
 
 
}
 
@media screen and (max-width:1000px){
 
.foot{ width:100%; margin:25px auto 40px auto}
.foot_logo{ float:none; margin:0 auto 20px auto; display:none;}
.foot ul.list1 { width:120px; margin-left:10px;}
 

}
@media screen and (max-width:760px){
 
.foot{ width:100%; }
.foot ul h1{ margin-bottom:3px;}
.foot ul.list1 { width:19%; margin:0 3%;}
.foot ul.list2{ width:93%; margin:0 auto; float:none;}
 
}
@media screen and (max-width:470px){
.foot ul{ line-height:28px;}
.foot{ margin:25px auto 30px auto;}
 .foot ul.list1 { width:42%; margin:0 3%; height:218px; text-align:center;}
 .foot ul.list2{ width:90%; margin:0 auto; float:none;  text-align:center;}
 
}

.theme-mask{z-index:10000;position:fixed; _position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5; display:none; }
.popover1{ width:360px; height:400px; z-index:100001; position:fixed; top:50%;left:50%; background:#fff; margin:-200px 0 0 -180px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center;}
.popover1 dl{ margin-top:60px; font-size:14px; color:#333; line-height:40px;}
.popover1 dl a{ width:110px; height:40px; background:#00a0e9; color:#fff; display:inline-block; border-radius:2px; font-size:14px;}